<template>
    <div>
        <van-row>
      <van-col span="6" offset="18" class="option">
        <router-link to="/option">
          <img width="25px" height="25px" src="../assets/wode_images/wode_option.png" />
        </router-link>
        <router-link to="/notice" class="notice">
          <img width="25px" height="25px" src="../assets/wode_images/wode_notice.png" />
        </router-link>
      </van-col>
    </van-row>

    <van-row class="login_view">
      <van-col v-if="this.$store.state.isLogin==0 || this.$store.state.user.boyu_utouxiang==''" span="5">
        <img width="70px" height="70px" src="../assets/wode_images/wode_login.png" />
      </van-col>
      <van-col v-else span="5">
        <img width="70px" height="70px" class="touxiang" :src="this.$store.state.user.boyu_utouxiang" />
      </van-col>
      <van-col v-if="this.$store.state.isLogin==0" span="9">
        <router-link to="/login" class="login"> 登录 </router-link>
        <router-link to="/register" class="register">&#32 注册 </router-link>
      </van-col>
      <van-col v-else span="14">
        <div class="login2"> 泊友:{{this.$store.state.user.boyu_uname}} </div>
      </van-col>
      <van-col span="10"></van-col>
    </van-row>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .login{ 
      font-size: 24px;
      color: #f4b06d;
      font-weight: bold;

    }
    .register{ 
       font-size: 24px;
       color: #f4b06d;
       font-weight: bold;

    }
</style>
